iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 9
0

Day9 14 Must Know Dev Tools Tricks

Demo

第九天主要學習的是console的運用。

何為console

主要功能為:

  1. 記錄網頁相關的資訊:網路請求、JavaScript、CSS、安全性相關的問題,警告和錯誤、以及頁面運行的 JavaScript 相關問題,警告,錯誤,和參考訊息。
  2. 透過執行頁面文中的 JavaScript 表達式與網頁互動。

Javascript

  1. console
    The Console object provides access to the browser's debugging console (e.g. the Web Console in Firefox). The specifics of how it works varies from browser to browser, but there is a de facto set of features that are typically provided.

  2. Console.log()
    輸出訊息到 Web Console。

console.log(obj1 [, obj2, ..., objN]);
console.log(msg [, subst1, ..., substN]);
  1. console.warn()
    輸出警告訊息到 Web Console。
console.warn(obj1 [, obj2, ..., objN]);
console.warn(msg [, subst1, ..., substN]);
  1. console.error()
    輸出錯誤訊息到 Web Console。
console.error(obj1 [, obj2, ..., objN]);
console.error(msg [, subst1, ..., substN]);
console.exception(obj1 [, obj2, ..., objN]);
console.exception(msg [, subst1, ..., substN]);
  1. console.info()
    輸出資訊訊息到 Web Console。
console.info(obj1 [, obj2, ..., objN]);
console.info(msg [, subst1, ..., substN]);
  1. console.assert()
    判斷訊息狀態,為true不顯示,為false就顯示。
console.assert(assertion, obj1 [, obj2, ..., objN]);
console.assert(assertion, msg [, subst1, ..., substN]);
  1. console.dir()
    輸出物件的屬性到 Web Console。
console.dir(object);
  1. console.groupCollapsed()
    建立一個訊息群組到 Web Console。
console.groupCollapsed([label]);
  1. console.count()
    輸出次數到 Web Console。搭配console.groupEnd()。
console.count();
  1. console.count()
    輸出次數到 Web Console。
console.count();
  1. console.time()
    輸出時間差到 Web Console。搭配console.groupEnd()。
console.time();
tags: console

上一篇
Day8 Fun with HTML5 Canvas
下一篇
Day10 Hold Shift to Check Multiple Checkboxes
系列文
JavaScript 30實作心得筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
penguinrun
iT邦新手 5 級 ‧ 2017-12-28 16:23:48

demo link 404

洪文明 iT邦新手 5 級 ‧ 2017-12-28 16:24:40 檢舉

額額額額額額額額額

我要留言

立即登入留言